<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/taobao.css">
    <link rel="stylesheet" href="font1/iconfont.css">
</head>

<body>
    <div class="container">
        <div class="nav">
            <div class="nav-left">
                <ul class="ab-y-center">
                    <li>
                        <div>中国大陆</div>
                        <span class="sele"></span>
                    </li>
                    <li><a href=""><span style="color:#F22E00">亲，请登录 </span> 免费注册</a></li>
                    <li><a href="">手机逛淘宝</a></li>
                </ul>
            </div>
            <div class="nav-right">
                <ul class="ab-y-center">
                    <li>
                        <a href="">我的淘宝</a>
                        <span class="sele"></span>
                    </li>
                    <li>
                        <i class="iconfont" style="color:#F22E00;font-size: 12px">&#xe73c;</i>
                        <a href="">购物车<span style="color:#F22E00">0</span></a>
                    </li>
                    <li>

                        <div id="collection">
                            <i class="iconfont">&#xeca6;</i>
                            <a href="">收藏夹</a>
                            <span class="sele"></span>

                        </div>
                        <div class="drop">
                            <p>收藏的宝贝</p>
                            <p>收藏的店铺</p>
                        </div>

                    </li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">免费开店</a></li>
                    <li>
                        <a href="">千牛卖家中心</a>
                        <span class="sele"></span>
                    </li>
                    <li>
                        <a href="">联系客服</a>
                        <span class="sele"></span>
                    </li>
                    <li>
                        <i class="iconfont" style="color:#F22E00;font-size:10px">&#xe60e;</i>
                        <a href="">网站导航</a>
                        <span class="sele"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="contain-bg">
        <div class="content clear">
            <div class="left-content ab-y-center">
                <a href=""><img src="img/O1CN01uRz3de23mzWofmPYX_!!6000000007299-2-tps-143-59.png" alt=""></a>
            </div>
            <div class="middle ">
                <div class="middle-content ab-y-center clear">
                    <div class="left-box clear">
                        <span>宝贝</span>
                        <span class="sele"></span>
                    </div>
                    <div>
                        <i class="iconfont">&#xe6a2;</i>
                        <input type="text" placeholder="番茄酱小包">
                    </div>
                    <div class="clear"><button>搜索</button></div>
                </div>
                <div class="link">
                    <a href="">新款连衣裙</a>
                    <a href="">短裙</a>
                    <a href="">短裤</a>
                    <a href="">四件套</a>
                    <a href="">T桖</a>
                    <a href="">女鞋</a>
                    <a href="">半身裙</a>
                    <a href="">外套</a>
                    <a href="">耳机</a>
                    <a href="">沙发</a>
                    <a href="">女包</a>
                    <a href="">鞋</a>
                    <a href="">墙纸</a>
                </div>
            </div>

            <div class="right-content">
                <p>去领红包</p>
                <img src="img/download.png" alt="" width="62px" height="62px">
            </div>
        </div>

    </div>
</body>

</html>